<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{$title}</title>
    <link rel="shortcut icon" href="__STATIC__/src/common/img/cauliflower-small.png" type="image/x-icon" />
    <link rel="stylesheet" type="text/css"  href="__STATIC__/src/common/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css"  href="__STATIC__/src/common/css/common.css" />
    <link rel="stylesheet" type="text/css"  href="__STATIC__/src/common/css/mobiscroll.min.css" />
</head>
<body>
{include file="common/header"}
<div class="container">
    <div class="col-md-10 col-md-offset-1">
        <div class="">
            <form class="form-horizontal" action="" method="post">
                <div class="form-group">
                    <label for="examName" class="col-md-2 control-label">考试名称：</label>
                    <div class="col-md-10">
                        <input type="text" class="form-control" name="examName" id="examName" placeholder="请输入教室名称">
                    </div>
                </div>
                <div class="form-group">
                    <label for="startTime" class="col-md-2 control-label">考试开始时间：</label>
                    <div class="col-md-10">
                        <input class="form-control" id="startTime" name="startTime" type="text" readonly="readonly">
                    </div>
                </div>
                <div class="form-group">
                    <label for="examDuration" class="col-md-2 control-label">考试时长：</label>
                    <div class="col-md-10">
                        <div class="input-group">
                            <input type="text" name="examDuration" id="examDuration" class="form-control" placeholder="请输入考试分钟数">
                            <span class="input-group-addon">分钟</span>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label for="" class="col-md-2 control-label">是否自动开始：</label>
                    <div class="col-md-10">
                        <input type="radio" value="yes" name="isAutoStart" checked="checked">是
                        <input type="radio" value="no" name="isAutoStart">否
                    </div>
                </div>
                <div class="form-group">
                    <label for="attention" class="col-md-2 control-label">考试注意事项：</label>
                    <div class="col-md-10">
                        <textarea class="form-control big-fontSize" placeholder="请输入考试注意事项" id="attention" name="attention" style="resize: none; height: 200px;"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-10 col-md-offset-2">
                        <button type="submit" class="btn btn-primary">保存</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<script src="__STATIC__/src/common/js/jquery-3.2.1.js"></script>
<script src="__STATIC__/src/common/js/bootstrap.js"></script>
<script src="__STATIC__/src/common/js/admin.js"></script>
<script src="__STATIC__/src/common/js/mobiscroll.min.js"></script>
<script>
    $(function () {
        var currYear = (new Date()).getFullYear();
        var opt={};
        opt.datetime = {preset : 'datetime'};
        opt.default = {
            theme: 'android-ics light', //皮肤样式
            display: 'modal', //显示方式
            mode: 'scroller', //日期选择模式
            dateFormat: 'yyyy-mm-dd',
            lang: 'zh',
            showNow: true,
            nowText: "今天",
            startYear: currYear, //开始年份
            endYear: currYear + 10 //结束年份
        };
        var optDateTime = $.extend(opt['datetime'], opt['default']);
        $("#startTime").mobiscroll(optDateTime).datetime(optDateTime);
    });
</script>
</body>
</html>